<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        //静态注册事件
        function onchangeFun(){
            alert("女神改变了");
        }

        //动态注册事件
        window.onchange = function (){
            //1 获取标签对象
            var sel = document.getElementById("sel01");
            // alert( selObj );
            // 2 通过标签对象.事件名 = function(){}
            sel.onchange = function (){
                alert("男神改变了")
            }
        }
    </script>
</head>
<body>
<!-- 静态注册 onchange事件-->
请输入你的女神:
<select onchange="onchangeFun()">
    <option>---女神---</option>
    <option>苍井空</option>
    <option>波多野结衣</option>
    <option>泷泽萝拉</option>
</select>

请输入你的男神:
<select  id="sel01">
    <option>---男神---</option>
    <option>智哥</option>
    <option>彦祖</option>
    <option>国哥</option>
</select>

</body>
</html>